<div class="text-center">
    <!-- <main class="form-signin"> -->
    <!-- <form action="/idea/" method="post"> -->
    <div class='row'>
        <div class="col-9">
            <div class='row'>
            <div class="col-4" >
                 Источник : <b id="idSourceOld"> {{my_session['idea']['sourceIdea']}}</b>
            </div>
            <div class="col-4" > Тег : 
                <b id="idTagOld"> 
                    {% for k in my_session['idea']['tagIdea'] %}
                    {{k}},  
                    {% endfor %} 
                </b>
            </div>
        </div>
    </div>
    </div>
    <div class='row' style="height: 50%;">
        <div class="col-9">
            <div class="form-floating h-100">
                <textarea class="form-control h-100 text-wrap" id="textIdea">
                        {{textFirstIdea}}
                </textarea>
            </div>
            <div id="num_id" style="opacity: 0.0">{{my_session['idea']['num_row']}} </div>
        </div>

        <div class="col-3">
            <div class="form-floating">
                <p>Фильтр по тегам</p>
                <table class="table table-striped col-3">
                    <tbody id="tegs">
                        {% for row in listTeg %}
                        <tr>
                            <td> <input type="checkbox"></td>
                            <td> {{row[2]}}</td>
                        </tr>
                        {% endfor %}
                    </tbody>
                </table>

            </div>
            <p>
                <hr>
            </p>
            <div class="form-floating">
                <p>Фильтр по источникам</p>
                <table class="table table-striped col-3">
                    <tbody id="sources">
                        {% for row in listSources %}
                        <tr>
                            <td> <input type="checkbox"></td>
                            <td> {{row[1]}}</td>
                        </tr>
                        {% endfor %}
                    </tbody>
                </table>

                <p><button class="col btn btn-sm btn-primary text-wrap" id="st_filtr" type="submit"
                    onclick="javascript: startFilter()">Применить фильтр</button></p>
                <button class="col btn btn-sm btn-primary text-wrap" id="end_filtr" type="submit"
                    onclick="javascript: endFilter()">Сбросить фильтр</button>
            </div>
        </div>
    </div>
    <!-- </main>         -->
    <!-- button navigation on pages-->
    <p></p>
    <div class="row">

        <button class="col-3 btn btn-lg btn-primary" id="clbtn1"
            onclick="javascript: getRecord('pred')">Предыдущая</button>
        <p class="col-1"></p>
        <button class="col-3 btn btn-lg btn-primary" id="clbtn2"
            onclick="javascript: getRecord('next')">Следующая</button>
        <p class="col-9"></p>
    </div>
    <div class="row">
        <button class="col-3 btn btn-lg btn-primary" id="clbtn1"
            onclick="javascript: getRecord('start')">В начало</button>
        <p class="col-1"></p>
        <button class="col-3 btn btn-lg btn-primary" id="clbtn2"
            onclick="javascript: getRecord('end')">в конец</button>
        <p class="col-9"></p>
    </div>


</div>